<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head  th:fragment="head(title,cssPaths)">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title  th:text="${title}"></title>
    <link rel="shortcut icon"  th:href="@{/public/images/favicon.ico}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- basic styles -->
    <link   th:href="@{/static/default/css/bootstrap.min.css}" rel="stylesheet"  />
    <link   th:href="@{/static/default/css/new_css.css}" rel="stylesheet"/>
    <link   th:href="@{/static/default/layui/css/layui.css}" rel="stylesheet" />
    <script th:src="@{/static/default/layui/layui.js}" type="text/javascript" ></script>
    <script th:src="@{/static/default/js/jquery-1.9.1.min.js}" type="text/javascript" ></script>
    <script th:src="@{/static/default/js/bootstrap.min.js}" type="text/javascript"></script>
    <script th:src="@{/static/public/js/validform.js}" type="text/javascript"></script>
    <script th:src="@{/static/default/js/bootstrap3-validation.js}"  type="text/javascript"></script>
    <script th:src= "@{/static/default/js/chosen.jquery.min.js}" type="text/javascript"></script>
    <script th:src= "@{/static/default/js/fuelux/fuelux.wizard.min.js}" type="text/javascript"></script>
    <link   th:href="@{/static/public/css/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css}" rel="stylesheet"/>
    <script th:src= "@{/static/public/js/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js}" type="text/javascript"></script>
    <script th:src= "@{/static/public/js/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js}" type="text/javascript"></script>
    <script th:src= "@{/static/public/js/plugins/bootstrap-treeview/bootstrap-treeview.min.js}" type="text/javascript"></script>
    <link   th:href="@{/static/public/js/plugins/webuploader/webuploader.css}" rel="stylesheet">
    <script th:src="@{/static/public/js/plugins/webuploader/webuploader.min.js}" type="text/javascript" ></script>
    <link   th:href="@{/static/public/css/plugins/datatables/dataTables.bootstrap.css}" rel="stylesheet">
    <script th:src="@{/static/public/js/plugins/datatables/jquery.dataTables.min.js}" type="text/javascript" ></script>
    <script th:src="@{/static/public/js/plugins/datatables/dataTables.bootstrap.js}"  type="text/javascript"></script>
    <script th:src="@{/static/public/js/plugins/echarts/echarts-all.js}"  type="text/javascript"></script>
    <link   th:href="@{/static/public/js/artDialog/skins/simple.css}" rel="stylesheet">
    <script th:src="@{/static/public/js/artDialog/jquery.artDialog.js?skin=simple}"  type="text/javascript"></script>
    <script th:src="@{/static/public/js/artDialog/iframeTools.js}"  type="text/javascript"></script>
    <!--全局通用框架样式 end-->
    <!--begin::页面样式 -->
    <link rel="stylesheet" type="text/css" th:each="cssPath,status:${#strings.setSplit(cssPaths,',')}" th:href="@{${cssPath}}"/>
    <!--end::页面样式 -->

    <style>
        .user ul{

            background-color:#FFF;
            font-size:0.9em;

            /*display:none;*/
        }
        .user ul li{
            height:30px;
            text-align:center;
            line-height:30px;


        }
        .user ul li:hover .level_two{
            display:block;
        }
        .level_two{
            border-radius:3px;
            border:1px solid #efefef;
            z-index:99;
            position:relative;
            display:none;
        }
        .level_two li{
            height:30px;
            line-height:30px;
            text-align:center;
            border-bottom:1px solid #efefef;

        }

        .head_middle ul{
            float:left;

        }
        .head_middle ul li{
            float:left;
            height:65px;
            line-height:65px;
            font-size:1.4em;

            width:116px;
            text-align:center;
            font-family:”微软雅黑”;
            color:#000;
        }
        .head_middle .active{

            border-bottom:1px solid #f5812e;
            padding:0px 5px 18px 5px;
        }
        .head_right{
            padding-top:18px;}
        .page-header{
            color: #A3A3A3;
            font-size: 20px;
            padding: 20px 20px;
            margin-top:0px;
        }
        .page-header h1{
            font-size:inherit;
        }
        .page-content .row{
            margin:0px;
        }
        .form{
            margin-top:10px;
            margin-bottom:20px;
        }
        .page-content form .wh{
            float:left;
            margin-right:5px;
            margin-bottom:5px;
        }
        .page-content form .wh input,select{
            height:30px;
            line-height:30px;
        }

        .form-actions .btn{
            background-color: #6fb3e0!important;
            border-color: #6fb3e0;
            color:#FFF;
        }

    </style>
    <script>
        $(function(){
            $('#user_name').click(function(){
                $('#menu_list').toggle();
            });

            // $(".nav-left ul").one("click","li",function () {
            //     $(this).addClass("active");
            //     $(this).siblings().removeClass("active");
            // })

        });
    </script>
</head>
